{literal}
<script type="text/javascript">
    $(function() {
        $('#gallery a.lightbox').lightBox({
        	imageLoading: '../images/lightbox-ico-loading.gif',
			imageBtnClose: '../images/lightbox-btn-close.gif',
			imageBtnPrev: '../images/lightbox-btn-prev.gif',
			imageBtnNext: '../images/lightbox-btn-next.gif',
			imageBlank: '../images/lightbox-blank.gif'
        });
    });
</script>
{/literal}
<div id="gallery">
<table class='grid' id='all_thumnails' cellpadding='0' cellspacing='0'>
	<thead>
		<tr>
			<th class='first' width='320px'>{translate}Image{/translate}</th>
			<th width='260px' >{translate}Description{/translate}</th>
			<th class='last'>&nbsp;</th>
		</tr>
	</thead>
	<tbody>
{foreach from=$all_thumnails item=thumnail}
	<tr id='{$thumnail.document_id}'>
		<td class='first'><a class='lightbox' href='{$thumnail.url}'><img border=0 src='{$thumnail.thumnail_url}' alt='{$thumail.name}'/></a></td>
		<td valign='top'>
			<span>{translate}Uploaded date{/translate}: {$thumnail.created}</span><br/><br/>
			<span>{translate}Description{/translate}:</span><br/>
			<div class='separator'></div>
			<span id='{$thumnail.document_id}Desc'>{$thumnail.name}</span>
			<textarea style='display: none;' id='{$thumnail.document_id}NewDesc' cols='30' rows='4'></textarea>
			<div class='separator'></div>
			<div align='right' id='{$thumnail.document_id}EditDesc'><a href="javascript:editDesc('{$thumnail.document_id}');">{translate}Edit{/translate}</a></div>
			<div align='right' id='{$thumnail.document_id}UpdateDesc' style='display: none;'>
				<a href="javascript:saveDesc('{$thumnail.document_id}');">{translate}Save{/translate}</a> &nbsp;&nbsp;
				<a href="javascript:cancelDesc('{$thumnail.document_id}');">{translate}Cancel{/translate}</a>
			</div>
		</td>
		<td class='last' valign='top'>
			<a href="javascript:removeDoc('{$thumnail.document_id}');">
				<img class='imgBtn' src='../images/remove_small.png' border='0' title='{translate}Delete{/translate}'/>
			</a>
		</td>
	</tr>
{/foreach}	
	</tbody>
</table>
</div>